<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*
			{
				margin: 0px;
				padding: 0px;
			}
			img
			{
				width: 50px;
				height: 50px;
			}
			.c1
			{
				background-color: aquamarine;
				width: 170px;
				height: 80px;
				float: left;
				
			}
			.c1 dt{
				text-align: center;
			}
			.c1 dd{
				/* 因为dd跟dt本身的内外边距都是不一样的,所以必须先消除他们的内外边距 */
				text-align: center;
			}
			a
			{
				text-decoration: none; /* 取消下划线 */
			}
			.c1 font{
				color: black;
				font-size: 14px;   /* 设置大小 */
			}
			#i2
			{
				width: 1190px;
				height: 70px;
				margin: 200px auto;   /* 上下边距为200px  左右为居中 */
				
			}
			#i1
			{
				/* border: 1px solid blue; */
				height: 50px;
				text-align: center;   /* 是里面的文本居中,而不是font居中  font的边线不是满的 */
				background-color: blue;
			}
			#i1 font{
				
				font-size: 30px;
			}
			body{
				background-color: beige;
			}
			#i3
			{
				text-align: center;
			}
		</style>
	</head>
	<body >
		<div id="i1">
			<font>勇士国度</font>
		</div>
		<div id="i2">
		<a href="https://cn.bing.com/images/search?q=%E5%BA%93%E9%87%8C%E5%9B%BE%E7%89%87&form=IQFRBA&id=05F7108FA2034EB53CD857466FBF04D68988BA85&first=1&disoverlay=1">
		<dl class="c1">
			<dd>
			    <img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.poVHNFQYQTSN10JfR0jc4QHaLR?pid=ImgDet&rs=1" >
			</dd>
			<dt><font>史蒂芬-库里</font></dt>
		</dl>
		</a>
		<a href="https://cn.bing.com/search?q=%E7%BB%B4%E9%87%91%E6%96%AF%E5%9B%BE%E7%89%87&qs=n&form=QBRE&sp=-1&pq=wei%27j%27s%E5%9B%BE%E7%89%87&sc=0-9&sk=&cvid=6BEC9460231049F38D3C68FA53F7D082&ghsh=0&ghacc=0&ghpl=">
		<dl class="c1">
			<dd>
			    <img src="https://ts2.cn.mm.bing.net/th?id=OIP-C.992pNS8tsjPjpnzHB3jX3wHaJG&w=225&h=277&c=8&rs=1&qlt=90&o=6&dpr=1.3&pid=3.1&rm=2" >
			</dd>
			<dt><font>安德鲁-维金斯</font></dt>
		</dl>
		</a>
		<a href="https://cn.bing.com/search?q=%E5%87%AF%E6%96%87%E9%B2%81%E5%B0%BC%E5%9B%BE%E7%89%87&qs=n&form=QBRE&sp=-1&pq=%E5%87%AF%E6%96%87%E9%B2%81%E5%B0%BC%E5%9B%BE%E7%89%87&sc=0-6&sk=&cvid=F94CF4FE37094C2FB0DA2941E85780ED&ghsh=0&ghacc=0&ghpl=">
		<dl class="c1">
			<dd>
			    <img src="https://ts3.cn.mm.bing.net/th?id=OIP-C.3JRShLf9EMPw-tG3ZcVw8gHaGx&w=261&h=239&c=8&rs=1&qlt=90&o=6&dpr=1.3&pid=3.1&rm=2" >
			</dd>
			<dt><font>凯文-鲁尼</font></dt>
		</dl>
		</a>
		<a href="https://cn.bing.com/images/search?q=%e5%85%8b%e8%8e%b1%e5%9b%be%e7%89%87&form=HDRSC2&first=1&tsc=ImageHoverTitle">
		<dl class="c1">
			<dd>
			    <img src="https://tse2-mm.cn.bing.net/th/id/OIP-C.Sy80Qry3ZQ6uU8gikoEFJwHaD4?w=329&h=180&c=7&r=0&o=5&dpr=1.3&pid=1.7" >
			</dd>
			<dt><font>克莱-汤普森</font></dt>
		</dl>
		</a>
		<a href="https://cn.bing.com/images/search?q=%E6%A0%BC%E6%9E%97%E5%9B%BE%E7%89%87&qs=n&form=QBIR&sp=-1&pq=%E6%A0%BC%E6%9E%97%E5%9B%BE%E7%89%87&sc=1-4&cvid=BDD41FF9B2DD43258E678714D1D947B8&ghsh=0&ghacc=0&first=1&tsc=ImageHoverTitle">
		<dl class="c1">
			<dd>
			    <img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.YHAeZouaI-lqik2Iyn6h7wHaFS?w=249&h=180&c=7&r=0&o=5&dpr=1.3&pid=1.7" >
			</dd>
			<dt><font>追梦-格林</font></dt>
		</dl>
		</a>
		<a href="https://cn.bing.com/images/search?q=%E6%99%AE%E5%B0%94%E5%9B%BE%E7%89%87&qs=n&form=QBIR&sp=-1&pq=%E6%99%AE%E5%B0%94%E5%9B%BE%E7%89%87&sc=1-4&cvid=DCA3EED6E08743BDBF2046F19F927D29&ghsh=0&ghacc=0&first=1&tsc=ImageHoverTitle">
		<dl class="c1">
			<dd>
			    <img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.k2K6eaiW7fIg-wbDpCf6eQHaFS?w=250&h=180&c=7&r=0&o=5&dpr=1.3&pid=1.7" >
			</dd>
			<dt><font>乔丹-普尔</font></dt>
		</dl>
		</a>
		<a href="https://cn.bing.com/images/search?q=%E6%80%80%E6%96%AF%E6%9B%BC%E5%9B%BE%E7%89%87&qs=n&form=QBIR&sp=-1&pq=huai%27s%27m%E5%9B%BE%E7%89%87&sc=0-10&cvid=0760D23EE62843BF98B1D084EF61F8E1&ghsh=0&ghacc=0&first=1&tsc=ImageHoverTitle">
		<dl class="c1">
			<dd>
			    <img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.ms_3OIPdCAKYbkZ0L8NVEgHaEK?w=290&h=180&c=7&r=0&o=5&dpr=1.3&pid=1.7" >
			</dd>
			<dt><font>詹姆斯-怀斯曼</font></dt>
		</dl>
		</a>
		</div>
		<div id="i3">
			<audio src="../audio/晴天-周杰伦-228908.mp3" autoplay="autoplay" controls="controls" loop="loop"  ></audio> 
		</div>
		
	</body>
	
</html>